
<!-- Carousel  ================================================== -->
<ngb-carousel *ngIf="images">
    <ng-template ngbSlide>
        <img src="../../content/images/platform-concept.JPG" width="100%" height="500" alt="Random first slide">
        <!-- <div class="carousel-caption">
        <h3>First slide label</h3>
        <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
        </div> -->
    </ng-template>
    <ng-template ngbSlide>
        <img src="../../content/images/platform-techstack.JPG"  width="100%" height="500" alt="Random second slide">
        <!-- <div class="carousel-caption">
        <h3>Second slide label</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        </div> -->
    </ng-template>
    <ng-template ngbSlide>
        <img src="../../content/images/platform-architecture.JPG"  width="100%" height="500" alt="Random third slide">
        <!-- <div class="carousel-caption">
        <h3>Third slide label</h3>
        <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
        </div> -->
    </ng-template>
</ngb-carousel>

<div class="card" >
    <div class="card-body">
        <h1 class="card-title" style="text-align:center">Mobility Platform</h1>
        <h5 class="card-subtitle mb-2 text-muted" style="text-align:center">Version: {{version}}</h5>

        <div class="alert alert-warning" role="alert" style="margin-top:2em">
            <h5>
                This page is intented to show platform architecture and features. 
                Individual application should NOT use this page as home page. 
                Separeate home page should be created for individual application purpose.
            </h5>
        </div>

    </div>
</div>


